<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>DeathGhost-我的店铺</title>
		<meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
		<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
		<meta name="author" content="DeathGhost" />
		<link href="style/style.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jqpublic.js"></script>
		<script type="text/javascript" src="js/cart.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
		<script>
			$(function() {
				var url = window.location.search; //获取url中"?"符后的字串
				var result
				if(url.indexOf("?") != -1) {
					result = url.substr(url.indexOf("=") + 1);
				}

				var urls = ''
				$.ajax({
					type: "get",
					url: urls + "/shop/lookShop?shopId=" + result,
					dateType: "JSON",
					statusCode: {
						404: function() {
							alert('page not found');
						}
					},
					success: function(data) {
						$('.shop-ico').attr("src", data.logoImg);
						$(".title").append(data.shopname);
						$("#showimg").attr("src", data.storeImg);
						$(".smallpic li img").attr("src", data.storeImg);
						$.each(data.foodList, function(index, v) {
							/*console.log(data);
							console.log(v);*/
							$(".Button").before($("<p></p>").addClass("shopAddress").html("地址:" + data.address));
							$(".shopAddress").after($("<p></p>").addClass("shopMobile").html("订餐电话:" + data.mobile));
							$(".shopMobile").after($("<p></p>").addClass("shopDiscount").html("优惠:" + v.discount));
							$(".shopDiscount").after($("<p></p>").html("营业时间:" + data.beginTime + "~" + data.endTime));
							$(".TurnPage").before($("<li></li>").append($("<a></a>").attr("href", "detailsp.html")
									.append($("<img/>").addClass("imgli").attr("src", v.cover))
									.after($("<a></a>")
										.append($("<div></div>")
											.append($("<p></p>").html(v.title))
											.after($("<p></p>").addClass("AButton").html("拖至购物车:￥" + v.sellPrice))))))
								.appendTo(".products");
							$(".imgli").width("200px");
						})

					}
				});

				$.ajax({
					type: "get",
					url: urls + "/comment/lookComment?shopId=" + result,
					dateType: "JSON",
					statusCode: {
						404: function() {
							alert('page not found');
						}
					},
					success: function(data) {
						/*console.log(data);*/
						$(".shopcomment").html("");
						$.each(data, function(index, v) {
							$(".shopcomment").append(
								$("<div class='Spname'></div>").append($("<a href='javascript:void(0);' target='_blank'></a>").html(v.food.title))
							).append(
								$("<div class='C-content'></div>")
								.append($("<q></q>").html(v.content))
								.append($("<i></i>").html(v.addTime))
							)
							/*<div class="Spname">
										<a href="#" target="_blank" title="酸辣土豆丝">酸辣土豆丝</a>
									</div>
									<div class="C-content">
										<q>还不错，速度挺快,还不错，速度挺快还不错，速度挺快还不错，速度挺快还不错，速度挺快还不错，速度挺快还不错，速度挺快。。。</q>
										<i>2014年09月17日 19:36 </i>
									</div>*/
						});
					}

				})
				$('.title-list li').click(function() {
					var liindex = $('.title-list li').index(this);
					/*console.log(liindex);*/
					$(this).addClass('on').siblings().removeClass('on');
					$('.menutab-wrap div.menutab').eq(liindex).fadeIn(150).siblings('div.menutab').hide();
					var liWidth = $('.title-list li').width();
					/*console.log(liWidth);*/
					$('.shopcontent .title-list p').stop(false, true).animate({
						'left': liindex * liWidth + 'px'
					}, 300);
				});

				$('.menutab-wrap .menutab li').hover(function() {
					$(this).css("border-color", "#ff6600");
					$(this).find('p > a').css('color', '#ff6600');
				}, function() {
					$(this).css("border-color", "#fafafa");
					$(this).find('p > a').css('color', '#666666');
				});

				$.ajax({
					url: "/comment/lookStart",
					type: "get",
					dataType: "josn",
					data: {
						"shopId": result
					},
					success: function(data) {
						if(data==1){
							$("#start").attr("src","images/star-on.png");
						}
					}
				})

				$('.icoa img').click(function() {
					//$('.icoa img').attr('src', 'images/star-on.png');
					if($('.icoa img').attr('src') == 'images/star-off.png') {
						$.ajax({
							url: "/comment/start",
							type: "get",
							dataType: "josn",
							data: {
								"shopId": result
							},
							success: function(data) {
								if(data == 1) {
									$('.icoa img').attr('src', 'images/star-on.png');
								}
							}
						})
					} else {
						$.ajax({
							url: "/comment/upStart",
							type: "get",
							dataType: "josn",
							data: {
								"shopId": result
							},
							success: function(data) {
								if(data == 1) {
									$('.icoa img').attr('src', 'images/star-off.png');
								}
							}
						})
					}
				})

			});
			var mt = 0;
			window.onload = function() {
				var Topcart = document.getElementById("Topcart");
				var mt = Topcart.offsetTop;
				window.onscroll = function() {
					var t = document.documentElement.scrollTop || document.body.scrollTop;
					if(t > mt) {
						Topcart.style.position = "fixed";
						Topcart.style.margin = "";
						Topcart.style.top = "200px";
						Topcart.style.right = "191px";
						Topcart.style.boxShadow = "0px 0px 20px 5px #cccccc";
						Topcart.style.top = "0";
						Topcart.style.border = "1px #636363 solid";
					} else {
						Topcart.style.position = "static";
						Topcart.style.boxShadow = "none";
						Topcart.style.border = "";
					}
				}
			}
		</script>
	</head>

	<body>
		<header>
			<section class="Topmenubg">
				<div class="Topnav">
					<div class="LeftNav">
						<a href="register.html">注册</a>/
						<a href="login.html">登录</a>
						<a href="#">QQ客服</a>
						<a href="#">微信客服</a>
						<a href="#">手机客户端</a>
					</div>
					<div class="RightNav">
						<a href="user_center.html">用户中心</a>
						<a href="user_orderlist.html" target="_blank" title="我的订单">我的订单</a>
						<a href="cart.html">购物车（0）</a>
						<a href="user_favorites.html" target="_blank" title="我的收藏">我的收藏</a>
						<a href="#">商家入驻</a>
					</div>
				</div>
			</section>
			<div class="Logo_search">
				<div class="Logo">
					<img src="images/logo.jpg" title="DeathGhost" alt="模板">
					<i></i>
					<!--<span>西安市 [ <a href="#">莲湖区</a> ]</span>-->
				</div>
				<div class="Search">
					<form method="get" id="main_a_serach" onsubmit="return check_search(this)">
						<div class="Search_nav" id="selectsearch">
							<a href="javascript:;" onClick="selectsearch(this,'restaurant_name')" class="choose">餐厅</a>
							<a href="javascript:;" onClick="selectsearch(this,'food_name')">食物名</a>
						</div>
						<div class="Search_area">
							<input type="search" id="fkeyword" name="keyword" placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" />
							<input type="submit" class="searchbutton" value="搜 索" />
						</div>
					</form>
					<p class="hotkeywords">
						<a href="#" title="酸辣土豆丝">酸辣土豆丝</a>
						<a href="#" title="这里是产品名称">螃蟹炒年糕</a>
						<a href="#" title="这里是产品名称">牛奶炖蛋</a>
						<a href="#" title="这里是产品名称">芝麻酱凉面</a>
						<a href="#" title="这里是产品名称">滑蛋虾仁</a>
						<a href="#" title="这里是产品名称">蒜汁茄子</a>
					</p>
				</div>
			</div>
			<nav class="menu_bg">
				<ul class="menu">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="list.html">订餐</a>
					</li>
					<li>
						<a href="category.html">积分商城</a>
					</li>
					<li>
						<a href="article_read.html">关于我们</a>
					</li>
				</ul>
			</nav>
		</header>
		<!--Start content-->
		<section class="Shop-index">
			<article>
				<div class="shopinfor">
					<div class="title">
						<img class="shop-ico">
						<!--<img src="upload/wpjnewlogo.jpg" class="shop-ico">
						<span>含山路外婆家</span>
						<span>
                         <img src="images/star-on.png">
                         <img src="images/star-on.png">
                         <img src="images/star-on.png">
                         <img src="images/star-on.png">
                         <img src="images/star-off.png">
                        </span>
						<span>4.8</span>-->
					</div>
					<div class="imginfor">
						<div class="shopimg">
							<img id="showimg">
							<ul class="smallpic">
								<li><img onmouseover="show(this)" onmouseout="hide()"></li>
							</ul>
						</div>
						<div class="shoptext">
							<!--<p><span>地址：</span>陕西省西安市雁塔区丈八北路***号</p>
                                <p><span>电话：</span>029-88888888</p>
                                <p><span>特色菜品：</span>毛肚、牛丸、滑虾、羊肉、香辣虾...</p>
                                <p><span>优惠活动：</span>暂无信息</p>
                                <p><span>停车位：</span>4个停车位（免费）</p>
                                <p><span>营业时间：</span>09:00~22:00</p>
                                <p><span>WIFI：</span>免费WIFI</p>
                                <p><span>价格：</span>50元</p>-->
							<div class="Button">
								<a href="#ydwm"><span class="DCbutton">查看菜谱点菜</span></a>
							</div>
							<div class="otherinfor">
								<a href="#" class="icoa"><img id="start" src="images/star-off.png">收藏店铺（1293）</a>
								<div class="bshare-custom">
									<a title="分享" class="bshare-more bshare-more-icon more-style-addthis">分享</a>
								</div>
								<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=1&amp;lang=zh"></script>
								<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
							</div>
						</div>
					</div>
					<div class="shopcontent">
						<div class="title2 cf">
							<ul class="title-list fr cf ">
								<li class="on">菜谱</li>
								<li>累计评论</li>
								<!--<li>商家详情</li>-->
								<p><b></b></p>
							</ul>
						</div>
						<div class="menutab-wrap">
							<a name="ydwm">
								<!--case1-->
								<div class="menutab show">
									<ul class="products">
										<!--<li>
											<a href="detailsp.html" target="_blank" >
												<img class="foodsimgsize">
											</a>
											<a href="#" class="item">
											</a>
										</li>-->
										<!--<li>
		 <a href="detailsp.html" target="_blank" title="酸辣土豆丝">
         <img src="upload/01.jpg" class="foodsimgsize">
         </a>
          <a href="#" class="item">
		 <div>
		  <p>酸辣土豆丝</p>
		  <p class="AButton">拖至购物车:￥50.00</p>
		 </div>
		 </a>
		</li>
		<li>
		 <a href="detailsp.html" target="_blank" title="酸辣土豆丝">
         <img src="upload/02.jpg" class="foodsimgsize">
         </a>
          <a href="#" class="item">
		 <div>
		  <p>酸辣土豆丝</p>
		  <p class="AButton">拖至购物车:￥50.00</p>
		 </div>
		 </a>
		</li>
		<li>
		 <a href="detailsp.html" target="_blank" title="酸辣土豆丝">
         <img src="upload/04.jpg" class="foodsimgsize">
         </a>
          <a href="#" class="item">
		 <div>
		  <p>酸辣土豆丝</p>
		  <p class="AButton">拖至购物车:￥50.00</p>
		 </div>
		 </a>
		</li>
		<li>
		 <a href="detailsp.html" target="_blank" title="酸辣土豆丝">
         <img src="upload/03.jpg" class="foodsimgsize">
         </a>
          <a href="#" class="item">
		 <div>
		  <p>酸辣土豆丝</p>
		  <p class="AButton">拖至购物车:￥50.00</p>
		 </div>
		 </a>
		</li>-->
										<div class="TurnPage">
											<a href="#">
												<span class="Prev"><i></i>首页</span>
											</a>
											<a href="#"><span class="PNumber">1</span></a>
											<a href="#"><span class="PNumber">2</span></a>
											<a href="#">
												<span class="Next">最后一页<i></i></span>
											</a>
										</div>
									</ul>
								</div>
							</a>
							<!--case2-->
							<div class="menutab">
								<div class="shopcomment">
									<!--<div class="Spname">
										<a href="#" target="_blank" title="酸辣土豆丝">酸辣土豆丝</a>
									</div>
									<div class="C-content">
										<q>还不错，速度挺快,还不错，速度挺快还不错，速度挺快还不错，速度挺快还不错，速度挺快还不错，速度挺快还不错，速度挺快。。。</q>
										<i>2014年09月17日 19:36 </i>
									</div>-->
									<div class="username">
										DeatGhost
									</div>
								</div>
							</div>
							<!--case4-->
							<div class="menutab">
								<div class="shopdetails">
									<!--<div class="shopmaparea">
										<img src="upload/testimg.jpg">
										<!--此处占位图调用动态地图后将其删除即可-->
									<!--</div>-->
									<div class="shopdetailsT">
										<!--<p><span>店铺：外婆家</span></p>
										<p><span>地址：</span>陕西省西安市雁塔区丈八北路***号</p>
										<p><span>电话：</span>029-88888888</p>
										<p><span>乘车路线：</span>300路、115路、14路、800路到西辛庄站下车往东100米</p>
										<p><span>店铺介绍：</span>***于2005年3月28日开业，立于西安市碑林区***于2005年3月28日开业，立于西安市碑林区***于2005年3月28日开业，立于西安市碑林区***于2005年3月28日开业，立于西安市碑林区***</p>-->
									</div>
								</div>
							</div>
							<!--case5-->
							<!--<div class="menutab">
								<span class="Ask"><i>DeathGhost</i>:这里是测试问答？</span>
								<span class="Answer"><i>管理员回复</i>：这里是测试回答！</span>

								<div class="TurnPage">
									<a href="#">
										<span class="Prev"><i></i>首页</span>
									</a>
									<a href="#"><span class="PNumber">1</span></a>
									<a href="#"><span class="PNumber">2</span></a>
									<a href="#">
										<span class="Next">最后一页<i></i></span>
									</a>
								</div>

								<form class="A-Message" action="#">
									<p><i>姓名：</i><input name="usr_name" type="text" autofocus placeholder="张三" required></p>
									<p><i>手机：</i><input name="" type="text" placeholder="15825518***" pattern="[0-9]{11}" required></p>
									<p><i>邮件：</i><input type="email" name="email" autocomplete="off" placeholder="admin@admin.com" required/></p>
									<p><i>问题补充：</i><textarea name="" cols="" rows="" required placeholder="详细说明您的问题..."></textarea></p>
									<p><input type="submit" class="Abutt" /></p>
								</form>
							</div>
						</div>
					</div>-->
			</article>
			<aside>
				<div class="cart" id="Topcart">
					<span class="Ctitle Block FontW Font14"><a href="cart.html" target="_blank">我的购物车</a></span>
					<table id="cartcontent" fitColumns="true">
						<thead>
							<tr>
								<th width="33%" align="center" field="name">商品</th>
								<th width="33%" align="center" field="quantity">数量</th>
								<th width="33%" align="center" field="price">价格</th>
							</tr>
						</thead>
					</table>
					<p class="Ptc"><span class="Cbutton"><a href="cart.html" target="进入购物车">进入购物车</a></span><span class="total">共计金额: ￥0</span></p>
				</div>

				<div class="Nearshop">
					<span class="Nstitle">附近其他店铺</span>
					<ul>
						<li>
							<img src="upload/cc.jpg">
							<p>
								<span class="shopname" title="动态调用完整标题"><a href="detailsp.html" target="_blank" title="肯德基">肯德基</a></span>
								<span class="Discolor">距离：1.2KM</span>
								<span title="完整地址title">地址：西安市雁塔区2000号...</span>
							</p>
						</li>
					</ul>
				</div>

				<div class="History">
					<span class="Htitle">浏览历史</span>
					<ul>
						<li>
							<a href="detailsp.html" target="_blank" title="清真川菜馆"><img src="upload/cc.jpg"></a>
							<p>
								<span class="shopname" title="动态调用完整标题"><a href="detailsp.html" target="_blank" title="正宗陕北小吃城">正宗陕北小吃城</a></span>
								<span>西安市莲湖区土门十西安市莲湖区土门十字西安市莲湖区土门十字.</span>
							</p>
						</li>
						<span>[ <a href="#">清空历史记录</a> ]</span>
					</ul>
				</div>
			</aside>

		</section>
		<!--End content-->
		<div class="F-link">
			<span>友情链接：</span>
			<a href="http://www.htmlsucai.com" target="_blank" title="DeathGhost">DeathGhost</a>
			<a href="http://www.htmlsucai.com" target="_blank" title="免费后台管理模板">绿色清爽版通用型后台管理模板免费下载</a>
			<a href="http://www.htmlsucai.com" target="_blank" title="果蔬菜类模板源码">HTML5果蔬菜类模板源码</a>
			<a href="http://www.htmlsucai.com" target="_blank" title="黑色的cms商城网站后台管理模板">黑色的cms商城网站后台管理模板</a>
		</div>
		<footer>
			<section class="Otherlink">
				<aside>
					<div class="ewm-left">
						<p>手机扫描二维码：</p>
						<img src="images/Android_ico_d.gif">
						<img src="images/iphone_ico_d.gif">
					</div>
					<div class="tips">
						<p>客服热线</p>
						<p><i>1830927**73</i></p>
						<p>配送时间</p>
						<p><time>09：00</time>~<time>22:00</time></p>
						<p>网站公告</p>
					</div>
				</aside>
				<section>
					<div>
						<span><i class="i1"></i>配送支付</span>
						<ul>
							<li>
								<a href="article_read.html" target="_blank" title="标题">支付方式</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">配送方式</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">配送效率</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">服务费用</a>
							</li>
						</ul>
					</div>
					<div>
						<span><i class="i2"></i>关于我们</span>
						<ul>
							<li>
								<a href="article_read.html" target="_blank" title="标题">招贤纳士</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">网站介绍</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">配送效率</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">商家加盟</a>
							</li>
						</ul>
					</div>
					<div>
						<span><i class="i3"></i>帮助中心</span>
						<ul>
							<li>
								<a href="article_read.html" target="_blank" title="标题">服务内容</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">服务介绍</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">常见问题</a>
							</li>
							<li>
								<a href="article_read.html" target="_blank" title="标题">网站地图</a>
							</li>
						</ul>
					</div>
				</section>
			</section>
			<div class="copyright">(c) 版权所有 2016 DeathGhost 技术支持：
				<a href="http://www.htmlsucai.com" title="DeathGhost">DeathGhost</a>
			</div>
		</footer>

	</body>

</html>